<template>
  <!-- 首页底部样式 -->
  <div class="regfoot">
    <van-grid
      direction="horizontal"
      :column-num="2"
      v-for="item in list"
      :key="item.name"
    >
      <van-grid-item :icon="item.img" :text="item.name" />
    </van-grid>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          name: "微信",
          img: "http://81.68.133.139:3000/images/login/weixin.png",
        },
        {
          name: "QQ",
          img: "http://81.68.133.139:3000/images/login/QQ.png",
        },
        {
          name: "微博",
          img: "http://81.68.133.139:3000/images/login/weibo.png",
        },
      ],
    };
  },
};
</script>

<style lang="less">
.regfoot {
  // display: flex;
  display: flex;
  justify-content: center;
  .van-hairline--top {
    &::after {
      border: none;
    }
  }
  .van-grid-item__content {
    width: 100px;
    &::after {
      border: none;
    }
  }
  img {
    height: 22px;
    width: 19px;
  }
  span {
    font-size: 14px;
  }
}
</style>
